<template>
  <el-form
    label-width="100px"
    :model="formLabelAlign"
    style="max-width: 460px"
    :rules="rules"
  >
    <el-form-item label="姓名" prop="name">
      <el-input v-model="formLabelAlign.name"></el-input>
    </el-form-item>
    <el-form-item label="电话" prop="phone">
      <el-input v-model="formLabelAlign.region"></el-input>
    </el-form-item>
    <el-form-item label="密码 " prop="password">
      <el-input v-model="formLabelAlign.type"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
import { rules } from "@/views/login/config/account-config.js";
import { reactive, ref } from "vue";
export default {
  setup() {
    const labelPosition = ref("top");
    const formLabelAlign = reactive({
      name: "",
      region: "",
      type: "",
    });
    return {
      labelPosition,
      formLabelAlign,
      rules,
    };
  },
};
</script>

<style lang="scss" scope></style>
